@charset "UTF-8";

@import "reset2.scss";


.menu-nav{
    width: 1366px;
    height: 59px;
    margin: 0 auto;
    border-bottom: 1px solid #E7E7E7;
    font-size: 13px;
    color: #576068;
    ul{
        margin-left: 182px;
        padding-top: 18px;
        li{
            float: left;
            margin-left: 10px;
        }
        .special{
            color: #d3d3d4;
        }
       
    }
     

}
.menu{
    width: 1366px;
    height: 584px;
    margin: 0 auto;
    border-bottom: 1px solid #E7E7E7;
    .commodity-img{
        margin-left: 184px;
        .cloth{
            margin:80px 0 0 140px ;
        }
        ul{
            margin-top:62px ;
            li{
                float: left;
                margin-right: 18px;
                color: #919191;
            }
        }
    }
    .commdity-text{
        width: 490px;
        height: 100%;
        margin-left: 120px;
        
        .title{
            font-size: 20px;
            margin-top: 26px;
        }
        .unit-price{
            height: 48px;
            width: 100%;
            color: #858b90;
            border-bottom: 1px solid #E7E7E7;
            .dan{
                margin-right: 48px;
                margin-top: 10px;
            }
            .vip{
                font-weight: bold;
                margin-top: 8px;
                a{
                    color: #eb413d;
                    font-size: 26px;
                    display: inline-block;
                }
            }
        }
        .delivery{
            color: #9a9a9a;
            font-size: 13px;
            width: 100%;
            height: 60px;
            .area{
                margin-top: 32px;
            }
         .city{
            width: 140px;
            height: 40px;
            border: 1px solid #e7e7e7;
            border-radius: 2px;
            margin-top: 18px;
            margin-left: 16px;
            .shuru{
                width: 80px;
                height: 30px;
                margin-left: 10px;
                margin-top: 4px;
                border: none;
                display: inline-block;
            }
            .xiaojiao{
                height: 40px;
                width: 38px;
                border-left: 1px solid #e7e7e7;
                text-align: center;
                line-height: 40px;
                
                position: relative;
                ul{
                    height: 160px;
                    width: 142px;
                    overflow-y: scroll;
                    overflow-x: hidden;
                    position: absolute;
                    right: 0px;
                    display: none;
                    li{
                        width: 144px;
                        height: 40px;
                        background: #e7e7e7;
                        text-align: left;
                        
                    }
                    li:hover{
                        background: red;
                    }
                }
            }
            .xiaojiao:hover{
                background: #99999a;
                
                
            }
            a:hover ul{
                display: block;
            }
        }
        
        }
        .freight{
            margin-top: 32px;
            margin-left:24px ;
            a{
                color: #576068;
            }
        }
        .sex{
            width: 100%;
            height: 60px;
            font-size: 13px;
            color: #878787;
            .sex-text{
               margin-top: 25px; 
            }
            .sex-select{
                width: 100px;
                height: 40px;
                border: 1px solid #e7e7e7;
                border-radius: 2px;
                margin-left: 28px;
                margin-top: 12px;
                .man{
                    width: 60px;
                    height: 100%;
                    text-align: center;
                    line-height: 40px;
                    
                }
                .huan{
                    width: 38px;
                    height: 100%;
                    line-height: 40px;
                    text-align: center;
                    border-left: 1px solid #e7e7e7;
                }
            }
        }
        .measure{
            width: 100%;
            height: 60px;
            font-size: 13px;
            color: #878787;
            .measure-text{
                margin-top: 25px;
                margin-right: 28px;
            }
            ul{
               
                li{
                    float: left;
                    width: 56px;
                    height: 38px;
                    border: 1px solid #E7E7E7;
                    text-align: center;
                    line-height: 40px;
                    margin-right: 12px;
                    border-radius: 2px;
                     margin-top: 14px;
                     
                }
                li:hover{
                    border: 1px solid red;
                }
            }
        }
        .amount{
            width: 100%;
            height: 60px;
            font-size: 13px;
            color: #878787;
            border-bottom: 1px solid #E7E7E7;
            .amount-text{
                margin-top: 20px;
                margin-right: 28px;
            }
            ul{
                li{
                    float: left;
                    width: 30px;
                    height: 30px;
                    border: 1px solid #E7E7E7;
                    text-align: center;
                    line-height: 30px;
                    margin-top: 12px;
                    
                }
                .amount-num{
                    width: 38px;
                    
                }
            }
        }
        .button{
            width: 100%;
            height: 70px;
            ul{
                li{
                    float: left;
                     margin-right: 8px;
                     margin-top: 18px;
                }
                .text{
                    width: 130px;
                    height: 50px;
                    background: #eb413d;
                    border-radius: 25px;
                    text-align: center;
                    font-size: 14px;
                    line-height:50px;
                    color: white;
                    
                }
                .text2{
                    width: 142px;
                    height: 50px;
                    border: 1px solid #eb413d;
                    border-radius: 25px;
                    text-align: center;
                    font-size: 14px;
                    line-height:50px;
                    color: #EB413D;
                   
                }
                .text3{
                    width: 130px;
                    height: 50px;
                    background: #000;
                    border-radius: 25px;
                    text-align: center;
                    font-size: 14px;
                    line-height:50px;
                    color: white;
                    
                    span{
                        vertical-align: sub;
                        display: inline-block;
                        margin-right: 8px;

                    }
                }
            }
            .renew{
                font-size: 13px;
                margin-top: 32px;
                margin-left: 8px;
                text-decoration: underline;
                a{
                    color: #9a9a9a;
                }
            }
        }
        .committed{
            font-size: 13px;
            color: #9a9a9a;
            width: 100%;
            height: 60px;
            .committed-text1{
                margin-top: 16px;
               ul{
                   li{
                       float: left;
                       margin-right: 20px;
                   }
               }
            }
            .committed-text2{
                 margin-top: 16px;
                 margin-left: 78px;
               ul{
                   li{
                       float: left;
                       margin-right: 20px;
                       
                   }
               }
            }
        }

    }
}
.same{
    width: 1000px;
    height: 430px;
    margin: 0 auto;
    border-bottom: 1px solid #E7E7E7;
    .same-text{
        font-size: 20px;
        color: #444f58;
        margin-top: 28px;
    }
    .same-img{
        .left{
            margin-top: 150px;
            margin-right: 94px;
        }
        .zhong{
            text-align: center;
            font-size: 15px;
            line-height: 24px;
            .zhong-img1{
                margin-right: 72px;
                margin-top: 66px;
                p{
                    margin-top: 40px;
                    color: #777e83;
                    
                }
                span{
                        color: #cdcdcd;
                    }
                .teshu{
                    margin-top: 52px;
                }
            }
        }
        .right{
            margin-top: 150px;
        }
    }
}
.item{
    width: 1000px;
    height: 472px;
    margin: 0 auto;
    .item-nav{
        height: 36px;
        width: 100%;
        padding-top: 34px;
        ul{
            li{
                
                float: left;
                margin-right: 86px;
                a{
                    color: #acafb2;
                    width: 64px;
                height: 30px;
                display: block;
                position: relative;
//              span{
//                  display: inline-block;
//                  position: absolute;
//                  width: 30px;
//                  height: 3px;
//                  background: #eb413d;
//                  left: 18px;
//                  bottom: 0px;
//                  display: none;
//
//              }
                }
//              a:hover span{
//                  display: block;
//                  color: red;
//              }
            }
            a:hover{
                color: #eb413d;
                border-bottom: 3px solid #eb413d;
            }
        }
    }
    .item-bg{
        width: 792px;
        height: 308px;
        background: #f3f3f3;
        margin-top: 18px;
    }
    .item-women{
        margin-top: 18px;
    }
}
